<!--
 * @Author: asushiye
 * @Date: 2020-07-02 15:30:23
 * @Commit: file content
-->
<page-header autoTitle="false" />

<nz-card>
  <form nz-form nzLayout="inline" se-container>
    <se label="文件名" labelWidth="0">
      <input nz-input name="name" placeholder="请输入文件名, 支持模糊查询" [(ngModel)]="queryParams.fileName" />
    </se>
    <se label="文件类型" labelWidth="0">
      <nz-select nzShowSearch nzAllowClear nzPlaceHolder="选择文件类型" [(ngModel)]="queryParams.fileType" name="fileType">
        <nz-option nzLabel="全部状态" nzValue="" />
        <nz-option nzLabel="表结构" nzValue="tablelist" />
        <nz-option nzLabel="数据源" nzValue="datasource" />
        <nz-option nzLabel="类型映射" nzValue="datatype-mapping" />
        <nz-option nzLabel="数据类型" nzValue="datatype" />
      </nz-select>
    </se>
    <se>
      <button nz-button nzType="primary" (click)="query()" [nzLoading]="isLoading">查询</button>
    </se>
  </form>
  <st #st [data]="rows" [columns]="columns" [expand]="expand" [ps]="20" size="small" expandRowByClick expandAccordion>
    <ng-template #expand let-item let-index="index" let-column="column">
      <p>执行状态： {{ item!.syncMsg }}</p>
      <p>文件： {{ item!.file }}</p>
      <p>创建人： {{ item!.createdBy }}； 创建时间： {{ item!.createdDate }}</p>
      扩展内容： {{ item!.extendedFields }}
    </ng-template>
  </st>
</nz-card>
